<template>
	<view class="u-p-30">
		<view class="infobox">
			<view class="infoitem flex-a-c">
				<image src="/static/logo.png" class="avatar" mode=""></image>
				<view class="">
					<view class="flex-a-c">
						<text class="u-font-36" >小黑老师</text>
						<view class="age u-font-24 u-m-lr-20 u-radius-10 ">
							22岁
						</view>
						<image src="../../static/women.jpg" class="sex" mode=""></image>
					</view>
					<view class="">
						希望在这里遇见好朋友
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.infobox{
	width: 686rpx;
	padding: 26rpx;
	background-color: #fff;
	margin: 30rpx auto;
	.infoitem{
		.avatar{
			width: 110rpx;
			height: 110rpx;
		}
		.age{
			background-color: #E7F5E9;
			color: #49C064;
			padding: 6rpx 10rpx;
		}
		.sex{
			width: 20rpx;
			height: 24rpx;
		}
	}
}
</style>
